<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="Keywords" Content="婚礼包办,婚礼策划，爱情,蜜月,婚礼用品">
		<meta name="Description" Content="为用户提供婚礼策划、婚车租赁、婚纱摄影、蜜月旅行以及周边服务商品的商城，为用户提供一站式解决方案，解决用户在婚礼各个环节中遇到的困难。">
		<link rel="shortcut icon" type="image/x-icon" href="../img/static/shemher.ico" media="screen" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>相合网_高品质婚礼服务</title>
		<link rel="stylesheet" type="text/css" href="../css/mod/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/mod/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mod/footer.css"/>
		<link rel="stylesheet" type="text/css" href="../css/page/hotel.css" />
	</head>

	<body>
		<!--S头部-->
		<div class="header">
			
		</div>
		<!--E头部-->

		<!--S轮播导航-->
		<div class="slider">
			<!--S面包屑导航	-->
			<div class="crumb">
				<div class="wrap">
					<a href="" class="mod-info">首页 > </a>
					<a href="" class="mod-info"> 婚礼策划 ></a>
					<a href="" class="mod-info"> 套餐详情 </a>
				</div>
			</div>
			<!--E面包屑导航	-->
			<ul>
				<li>
					<a href=""><img src="../img/online/1920x600b.png" alt="轮播图" title="轮播" /></a>
				</li>
				<li>
					<a href=""><img src="../img/online/1920x600r.png" alt="轮播图" title="轮播" /></a>
				</li>
				<li>
					<a href=""><img src="../img/online/1920x600y.png" alt="轮播图" title="轮播" /></a>
				</li>
				<li>
					<a href=""><img src="../img/online/1920x600b.png" alt="轮播图" title="轮播" /></a>
				</li>
				<li>
					<a href=""><img src="../img/online/1920x600r.png" alt="轮播图" title="轮播" /></a>
				</li>
				<li>
					<a href=""><img src="../img/online/1920x600y.png" alt="轮播图" title="轮播" /></a>
				</li>
			</ul>
		</div>
		<!--E轮播导航-->

		<!--S婚礼策划套餐详情页面头部-->
		<div class="honey-header">
			<div class="wrap" id="hdwrap">
				<div class="honey-header-top clearfix">
					<h1 class="mod-maxtit fl">美丽浪漫的地方</h1>
					<div class="fl ml20 mt5">
						<span class="gift-icon djl">到店礼</span>
						<span class="gift-icon yhl">优化礼</span>
						<span class="gift-icon zfl">支付礼</span>
					</div>
					<div class="fr">
						<span class="mod-btn ml20">预约</span>
						<span class="mod-btn ml20">收藏</span>
					</div>
				</div>
				<div class="honey-header-bottom">
					<span class="mod-bigprice">&yen;7999</span> <span class="mod-bigtit ml30">( 商家 : <a href="" class="rule unl mr10">西塔婚礼策划</a>酒店： <a href="" class="rule unl">重庆喜来登酒店</a> )</span>
				</div>
			</div>
		</div>
		<!--E婚礼策划套餐详情页面头部-->
		<div class="wrap" id="bodyWrap">
			<!--S设计灵感-->
			<div class="honey-section-wrap">
				<div class="comment-header">
					<h1 class="comment-header-h1">设计灵感</h1>
				</div>
				<div class="section-detail mod-info" id="sjlgwrap">
					<p>复古、宁静、典雅。馥郁的繁华盛开在阳光下，不加修饰突兀且又融合的呈现出自然的美。</p>
					<p></p>
				</div>
			</div>
			<!--E设计灵感-->
		</div>
			<!--S还有很多模块-->
			<!--<div class="honey-section-wrap">
				<div class="comment-header">
					<h1 class="comment-header-h1">还有很多模块</h1>
				</div>
				<div class="section-detail">
					6个模块<br />
					设计灵感<br />
					外观风景<br />
					迎宾区<br />
					仪式区<br />
					婚宴区<br />
					花艺装饰<br />
				</div>
			</div>-->
			<!--E还有很多模块-->
		<!--脚部部分-->
		<div class="footer mt100">
			
		</div>
		<!--脚部部分-->
		<script src="../js/mod/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/mod.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			console.log($.getUrlParam("packageid"));
			$.ajax({
				type:"post",
				url:"http://xhwed.com/xhwed.php/Plan/packageDetails",
				async:true,
				data:{"packageid":$.getUrlParam("packageid")},
				dataType:"json",
				success:function(data){
					console.log(data);
					/*头部分*/
					var headhtml = template("hdJs",data.result);
					document.getElementById("hdwrap").innerHTML=headhtml;
					/*身体部分*/
					data.result["abcon"]=data.result.abstract;
					var bodyhtml =template("bodyJs",data.result);
					document.getElementById("bodyWrap").innerHTML=bodyhtml;
				}
			});
		</script>
		<script type="text/html" id="hdJs">
			  <div class="honey-header-top clearfix">
					<h1 class="mod-maxtit fl">{{title}}</h1>
					<div class="fl ml20 mt5">
						<span class="gift-icon djl">到店礼</span>
						<span class="gift-icon yhl">优化礼</span>
						<span class="gift-icon zfl">支付礼</span>
					</div>
					<div class="fr">
						<span class="mod-btn ml20">预约</span>
						<span class="mod-btn ml20">收藏</span>
					</div>
				</div>
				<div class="honey-header-bottom">
					<span class="mod-bigprice">&yen;{{shemher_price}}</span> <span class="mod-bigtit ml30">( 商家 : <a href="" class="rule unl mr10">{{company}}</a>酒店： <a href="" class="rule unl">{{hotel_name	}}</a> )</span>
				</div>
		</script>
		<script type="text/html" id="bodyJs">
			<div class="honey-section-wrap">
				<div class="comment-header">
					<h1 class="comment-header-h1">设计灵感</h1>
				</div>
				<div class="section-detail mod-info">
					<p style="padding-bottom:20px;text-indent:20px">{{ abcon }}</p>
					{{each team as item index}}
						<p>{{item}}</p>
					{{/each}}
				</div>
			</div>
			
			{{each arrangement as item index}}
				<div class="honey-section-wrap">
					<div class="comment-header">
						<h1 class="comment-header-h1">{{item.split(":")[0]}}</h1>
					</div>
					<div class="section-detail mod-info">
						{{each item.split(":")[1].split("\\n") as con conindex}}
						<p class="tc">{{con}}</p>
						{{/each}}
					</div>
				</div>
			{{/each}}
			<div class="honey-section-wrap">
				<div class="comment-header">
					<h1 class="comment-header-h1">图片展示</h1>
				</div>
				<div class="section-detail mod-info tc">
				{{each imgs as item index}}
					<img class="ml10 mt10" src="{{item}}?imageView2/2/w/690/h/300"/>
				{{/each}}
				</div>
			</div>
		</script>
		<script type="text/html">
				<div class="wrap">
			<!--S其他-->
			<div class="honey-section-wrap">
				<div class="comment-header">
					<h1 class="comment-header-h1">其他</h1>
				</div>
				<div class="section-detail">
					 <div class="planset-qtwrap mt30">
					 	<ul>
					 		<li><h1 class="qtwrap-h1">灯光舞美</h1>
					 			<p class="qtwrap-txt mt15">
					 				主婚车鲜花装饰<br />
									新娘手捧花一束（韩式半圆花球）<br />
									鲜花胸花10朵（主要人员佩戴）<br />
									新娘手腕花一套<br />
					 			</p>
					 		</li>
					 		<li><h1 class="qtwrap-h1">灯光舞美</h1>
					 			<p class="qtwrap-txt mt15">
					 				主婚车鲜花装饰<br />
									新娘手捧花一束（韩式半圆花球）<br />
									鲜花胸花10朵（主要人员佩戴）<br />
									新娘手腕花一套<br />
					 			</p>
					 		</li>
					 		<li><h1 class="qtwrap-h1">灯光舞美</h1>
					 			<p class="qtwrap-txt mt15">
					 				主婚车鲜花装饰<br />
									新娘手捧花一束（韩式半圆花球）<br />
									鲜花胸花10朵（主要人员佩戴）<br />
									新娘手腕花一套<br />
					 			</p>
					 		</li>
					 	</ul>
					 </div>
				</div>
			</div>
			<!--E其他-->
			
			<!--S用户评价-->
			<div class="comment mt50">
				<div class="comment-header">
					<h1 class="comment-header-h1">用户评价</h1>
					<div class="comment-star">
						<div class="comment-star p30 clearfix">
							<p class="mod-bigtit fl mt15 mr20">用户评星</p>
							<div class="mod-star fl mt15"><i></i></div>
							<a href="" class="mod-btn fr ml20">我要预约</a>
							<a href="" class="mod-btn fr">我要评价</a>
						</div>
					</div>
				</div>
				<div class="comment-body">
					<div class="comment-body-shift">
						<ul>
							<li class="active">全部：(<span>12</span>)</li>
							<li>好评：(<span>12</span>)</li>
							<li>中评：(<span>0</span>)</li>
							<li>差评：(<span>0</span>)</li>
							<li>有图：(<span>2</span>)</li>
						</ul>
					</div>
					<div class="comment-body-infos">
						<div class="cbi-info clearfix">
							<div class="cbi-info-left fl tc">
								<img src="../img/online/110x110.png" />
								<p class="mod-info mt10">静静的美的</p>
							</div>
							<div class="cbi-info-right fr">
								<div class="mod-star"><i></i></div>
								<p class="comment-word">非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友。非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友</p>
								<div class="comment-imgs mt10">
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
								</div>
							</div>
						</div>
						<div class="cbi-info clearfix">
							<div class="cbi-info-left fl tc">
								<img src="../img/online/110x110.png" />
								<p class="mod-info mt10">静静的美的</p>
							</div>
							<div class="cbi-info-right fr">
								<div class="mod-star"><i></i></div>
								<p class="comment-word">非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友。非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友</p>
								<div class="comment-imgs mt10">
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
								</div>
							</div>
						</div>
						<div class="cbi-info clearfix">
							<div class="cbi-info-left fl tc">
								<img src="../img/online/110x110.png" />
								<p class="mod-info mt10">静静的美的</p>
							</div>
							<div class="cbi-info-right fr">
								<div class="mod-star"><i></i></div>
								<p class="comment-word">非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友。非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友</p>
								<div class="comment-imgs mt10">
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
								</div>
							</div>
						</div>
						<div class="cbi-info clearfix">
							<div class="cbi-info-left fl tc">
								<img src="../img/online/110x110.png" />
								<p class="mod-info mt10">静静的美的</p>
							</div>
							<div class="cbi-info-right fr">
								<div class="mod-star"><i></i></div>
								<p class="comment-word">非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友。非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友</p>
								<div class="comment-imgs mt10">
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
								</div>
							</div>
						</div>
						<div class="cbi-info clearfix">
							<div class="cbi-info-left fl tc">
								<img src="../img/online/110x110.png" />
								<p class="mod-info mt10">静静的美的</p>
							</div>
							<div class="cbi-info-right fr">
								<div class="mod-star"><i></i></div>
								<p class="comment-word">非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友。非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友非常感谢工作人缘的付出，婚礼现场很美，整体服务也很不错。会推荐给身边还没结婚的朋友</p>
								<div class="comment-imgs mt10">
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
									<img src="../img/online/130x90.png" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--E用户评价-->

			<!--S页数-->
			<div class="page-wrap mt60 tc">
				<span class="pre-btn first-btn"></span>
				<span class="pre-btn opre-btn"></span>
				<span class="page-btn-wrap">
				<span class="page-btn active">1</span>
				<span class="page-btn">2</span>
				<span class="page-btn">3</span>
				<span class="page-btn">4</span>
				</span>
				<span class="next-btn onext-btn"></span>
				<span class="next-btn last-btn"></span>
				<span class="gopage-wrap">
					<input type="text" name="gopage" id="gopage" value="" /><span class="page-btn go">GO</span>
				</span>
			</div>
			<!--E页数-->
		</div>
		</script>
	</body>

</html>